<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>商品评价</title>
		<link rel="stylesheet" href="css/style.css" />
		<link rel="stylesheet" href="css/evaluate.css" />
		<script type="text/javascript" src="js/jquery-1.11.0.js" ></script>
		<script type="text/javascript" src="js/xingxing.js" ></script>
		<script type="text/javascript" src="js/style.js" ></script>
		<script type="text/javascript" src="js/shopHis.js" ></script>
	</head>
	<body>
		<!--顶部-->
<div class="hearder">
    <div class="top">
        <div class="w12">
            <div class="top-left">
                <span>亲，欢迎来到沐鱼！</span>
                【<a href="login.html" class="active">会员登录</a>】
                【<a href="reg.html">免费注册</a>】
            </div>
            <div class="top-right">
                <a href="user.html">
                    <img src="img/index-top.png">
                    <span>个人中心</span>
                </a>
                <a href="#">
                    <img src="img/index-top2.png">
                    <span>问题帮助</span>
                </a>
                <span>全国热线：400-123123</span>
            </div>
        </div>
    </div>
    <div class="middle">
        <div class="w12">
            <div class="logo">
                <a href="index.html"><img src="img/logo.png"></a>
            </div>
            <div class="middle-right">
                <div class="search">
                    <form>
                        <input type="text" name="deta" id="search" value="">
                          <ul class="search-list">
                        	<li><a href=""><span>男士面膜</span><span>约556个商品</span></a></li>
                        	<li><a href=""><span>奥克斯</span><span>约366个商品</span></a></li>
                        	<li><a href=""><span>安踏</span><span>约776个商品</span></a></li>
                        	<li><a href=""><span>冰箱</span><span>约1012个商品</span></a></li>
                        	<li><a href=""><span>杯子</span><span>约999个商品</span></a></li>
                        	<li><a href=""><span>手机</span><span>约1600个商品</span></a></li>
                        	<li><a href=""><span>路由器</span><span>约653个商品</span></a></li>
                        </ul>
                        <input type="submit" name="submit">
                    </form>
                    <ul>
                        <li>热门搜索：</li>
                        <li><a href="#" class="active">女生挎包</a></li>
                        <li><a href="#">男士背包</a></li>
                        <li><a href="#">女生背包</a></li>
                        <li><a href="#">男士双肩背包</a></li>
                        <li><a href="#">男士登山包</a></li>
                    </ul>
                </div>
                <div class="cart">
                    <a href="shop_cart.html">
                        <img src="img/top-gouwu.png">
                        <i>0</i>
                        <span>购物车</span>
                    </a>
                       <ul class="cart-lister">
                    	<li><a href=""><img src="img/top-gouwu.png"/><span>购物车是空的，快去购买商品吧！</span></a></li>
                    </ul>
                    <ul class="cart-list-two">
                    	<li>
                    		<a href="">
                    			<img src="img/main_138.png">
                    		</a>
                    		<a href=""><h6>沐鱼美包包</h6></a>
                    		<a href="" class="topCat-price">
                    			&yen;83
                    		</a>
                    	</li>
                    </ul>
                </div>
              
            </div>
        </div>
    </div>
    <div class="nav">
        <div class="w12">
            <div class="left">
                <a href="javascript:void(0);">
                    <img src="img/nav.png">
                    商品分类
                </a>
                <ul class="list">
                    <li>
                        <h2>女包</h2>
                        <ul>
                            <li><a href="#">单肩包</a></li>
                            <li><a href="#">斜挎包</a></li>
                            <li><a href="#">双肩背包</a></li>
                            <li><a href="#">手提包</a></li>
                            <li><a href="#">手拿包</a></li>
                            <li><a href="#">钱包</a></li>
                            <li><a href="#">卡包</a></li>
                            <li><a href="#">钥匙包</a></li>
                        </ul>
                    </li>
                    <li>
                        <h2>男包</h2>
                        <ul>
                            <li><a href="#">单肩包</a></li>
                            <li><a href="#">斜挎包</a></li>
                            <li><a href="#">双肩背包</a></li>
                            <li><a href="#">手提包</a></li>
                            <li><a href="#">手拿包</a></li>
                            <li><a href="#">钱包</a></li>
                            <li><a href="#">卡包</a></li>
                            <li><a href="#">钥匙包</a></li>
                        </ul>
                    </li>
                    <li>
                        <h2>功能包</h2>
                        <ul>
                            <li><a href="#">行李包</a></li>
                            <li><a href="#">拉杆箱</a></li>
                            <li><a href="#">胸包</a></li>
                            <li><a href="#">电脑包</a></li>
                            <li><a href="#">运动包</a></li>
                            <li><a href="#">腰包</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
            <div class="right">
                <ul>
                    <li><a href="index.html">首页</a></li>
                    <li><a href="user.html">会员中心</a></li>
                    <li><a href="#">新品汇集</a></li>
                    <li><a href="#">热卖推荐</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="main">
	<div class="w12">
		<div class="title">
			<h1>订单评价</h1>
			<span>订单号：<b>HD123456789</b></span>
			<a>2017-01-09  19:25:36</a>
		</div>
		<div class="shop">
			<div class="shop-left">
			<img src="img/apprice.png" />
			</div>
			<div class="shop-right">
				<h5>KIKA2017年新款红色全真牛皮，简约&大气007系列手提包</h5>
				<h6>价格: <span>&yen;400.00</span></h6>
				<h6>快递：<span>00.00</span></h6>
				<h6>月成交量：<span>666</span>件</h6>
				<h6>
				<b>评价：</b>
				<ul>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
				</ul>
				<span>(4.9分)</span>
				</h6>
			</div>
		</div>
		<div class="evaluate">
			<p class="add-up">累计评价<b>666</b></p>
			<div class="add-list">
				<div class="add-left">
					<h4>与描述相符</h4>
					<h3>4.9</h3>
					<ul>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
					</ul>
				</div>
				<div class="add-right">
					<h4>大家都写到</h4>
					<ul>
						<li>质量很好(<b>555</b>)</li>
						<li>快递不错(<b>555</b>)</li>
						<li>价格实惠(<b>555</b>)</li>
						<li>性价比高(<b>555</b>)</li>
						<li>颜色很正(<b>555</b>)</li>
						<li><span>质量一般(<b>50</b>)</span></li>
					</ul>
				</div>
			</div>
			<div class="offer">
				<div class="offer-left">
					<h4>其他买家，需要您的建议哦！</h4>
					<textarea value="">(快分享您的购买心得吧！)</textarea>
					<p><span>晒照片<input type="file" name="file"></span><img src="img/xiangji.png"><b>0/</b><i>10</i></p>
				</div>
				<div class="offer-right">
					<div class="offer-list">
					<p><b>*</b><span>描述相符</span></p>
						<ul class="one">
						<li></li>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
						</ul>
					</div>
					<div class="offer-list">
					<p><b>*</b><span>卖家服务</span></p>
						<ul class="two">
						<li></li>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
						</ul>
					</div>
					<div class="offer-list">
					<p><b>*</b><span>物流服务</span></p>
						<ul class="three">
						<li></li>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
						</ul>
					</div>
				</div>
				<div class="offer-bottom">
					<label><input type="checkbox" name="checkbox" />
					<span>匿名评价</span></label>
					<button id="refer">提交评价</button>
				</div>
			</div>
			
		</div>
		<div class="main-foot">
            <ul>
                <li><img src="img/login-zhuan.png" /><span>100%正品保证</span></li>
                <li><img src="img/login-you.png" /><span>新人首单免邮</span></li>
                <li><img src="img/login-qi.png" /><span>七天包退换</span></li>
                <li><img src="img/login-m.png" /><span>首次退换免邮费</span></li>
            </ul>
        </div>
	</div>
</div>
<!--footer-->

<div class="foot">
    <div class="w12">
        <div class="foot-left">
            <div class="foot-list">
                <h2>消费保障</h2>
                <ul>
                    <li>
                        <a href="#">网购警示</a>
                    </li>
                    <li>
                        <a href="#">隐私保护</a>
                    </li>
                    <li>
                        <a href="#">投诉中心</a>
                    </li>
                    <li>
                        <a href="#">客服中心</a>
                    </li>
                </ul>
            </div>
            <div class="foot-list">
                <h2>购物指南</h2>
                <ul>
                    <li>
                        <a href="reg.html">免费注册</a>
                    </li>
                    <li>
                        <a href="#">购物流程</a>
                    </li>
                    <li>
                        <a href="#">会员介绍</a>
                    </li>
                    <li>
                        <a href="#">常见问题</a>
                    </li>
                </ul>
            </div>
            <div class="foot-list">
                <h2>配送方式</h2>
                <ul>
                    <li>
                        <a href="#">收货上门</a>
                    </li>
                    <li>
                        <a href="#">上门自提</a>
                    </li>
                    <li>
                        <a href="#">配送查阅</a>
                    </li>
                    <li>
                        <a href="#">海外配送</a>
                    </li>
                </ul>
            </div>
            <div class="foot-list">
                <h2>支付方式</h2>
                <ul>
                    <li>
                        <a href="#">在线支付</a>
                    </li>
                    <li>
                        <a href="#">货到付款</a>
                    </li>
                    <li>
                        <a href="#">分期付款</a>
                    </li>
                    <li>
                        <a href="#">公司转账</a>
                    </li>
                </ul>
            </div>
            <div class="foot-list">
                <h2>售后服务</h2>
                <ul>
                    <li>
                        <a href="#">售后政策</a>
                    </li>
                    <li>
                        <a href="#">价格保护</a>
                    </li>
                    <li>
                        <a href="#">取消订单</a>
                    </li>
                    <li>
                        <a href="#">退款流程</a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="foot-right">
            <h2>服务热线（8:00-18:00）</h2>
            <ul>
                <li>400-123123</li>
                <li>服务邮箱</li>
                <li>123456789@qq.com</li>
            </ul>
        </div>

    </div>

</div>
<div class="w12">
    <div class="base">
          <ul>
            <li>
                <a href="http://www.alibabagroup.com/cn/global/home">阿里巴巴集团</a>
            </li>
            <li>
                <a href="https://www.taobao.com/">淘宝网</a>
            </li>
            <li>
                <a href="https://www.tmall.com">天猫</a>
            </li>
            <li>
                <a href="http://www.smzdm.com">聚划算</a>
            </li>
            <li>
                <a href="https://www.vip.com/">唯品会</a>
            </li>
            <li>
                <a href="http://www.alibaba.com/">阿里巴巴国际交易市场</a>
            </li>
            <li>
                <a href="https://www.1688.com/">1688</a>
            </li>
            <li>
                <a href="https://www.alimama.com">阿里妈妈</a>
            </li>
            <li>
                <a href="http://trip.taobao.com">去啊</a>
            </li>
            <li>
                <a href="https://wanwang.aliyun.com">万网</a>
            </li>
            <li>
                <a href="https://www.aliyun.com">阿里云计算</a>
            </li>
        </ul>
        <div class="copy">
            <span>&copy;2011-2017   taobao china. 雅倩版权所有   </span>
            <ul>
                <li>
                    <a href="#"> 隐私权政策</a>
                </li>
                <li>
                    <a href="#">  用户服务协议</a>
                </li>
                <li>
                    <a href="#"> 条约规定</a>
                </li>
            </ul>
        </div>
    </div>
</div>
	</body>
	<script>
		$(".offer .offer-left textarea").focus(function(){
			$(this).html("");
			
		})
		$(".offer .offer-left textarea").blur(function(){
			$(this).html("(快分享您的购买心得吧！)");
		})
	</script>
</html>
